<!DOCTYPE html>
<html>

<head>
    <title>申请成为Easy-D开发维护人员</title>
    <% include layout/lib.ejs %>
    <link rel="stylesheet" type="text/css" href="/css/applyMaintainUser.css" />
</head>

<body>
    <% include layout/header.ejs %>

    <div class="applyMaintainUserBox">
        <div class="applyMaintainUseraMain">
            <div class="applyMaintainUserTitle"><i class="fa fa-handshake-o fa-lg"></i>首先谢谢您对Easy-D集合开发框架的支持与认可</div>
            <div class="applyMaintainUserDesc">
                <div class="applyMaintainUserDescTitle">成为Easy-D开发者和维护者，我们需要您确保以下的几点条件：</div>
                <p>1. 热爱开源，对开源事业有极大的热情</p>
                <p>2. 技术宅最佳，热爱各类技术的钻研，并愿意为此付诸实践</p>
                <p>3. 愿意抽出一定的时间，为Easy-D的发展进行奉献，不断完善Easy-D生态圈</p>
                <p>4. 人品正常，有一个良好的开发心态，不骄不躁</p>
                <p>5. 乐于助人，愿意帮新人解决各类开发的小问题</p>
                <p>6. 喜欢讨论技术，和其他维护开发人员和睦相处，互相进步</p>
                <p>7. 能够对自己维护的部分愿意投入精力和技术不断的升级优化</p>
                <p>8. 有一定的技术开发能力，对某个方向较为专业，可以对Easy-D的发展提出改进和优化建议</p>
                <p>9. 没有女朋友最佳</p>
                <p>10. 自备充气娃娃</p>
                <p>( 备注：最后两条纯属扯犊子 )</p>
            </div>
            <div class="applyMaintainUserDesc">
                <div class="applyMaintainUserDescTitle">成为Easy-D开发者和维护者，我们为您的回馈：</div>
                <p>1. 一票志同道合的技术伙伴</p>
                <p>2. 一票崇拜您的妹纸 or 汉子 or 女装大佬</p>
                <p>3. 一个氛围美好的技术圈子</p>
                <p>4. 程序员鼓励师若干名</p>
                <p>5. Easy-D线上，线下聚会活动</p>
                <p>( 备注：最后两条不是扯犊子 )</p>
            </div>
            <div class="applyMaintainUserConetnt">
                <div class="applyMaintainUserDescTitle" style="border-bottom:1px solid #eee;height:40px;margin-bottom:30px;">来吧，以上都可以，继续申请成为Easy-D开发者：</div>
                <div class="donationZhifuInput">
                    <i class="fa fa-address-book-o fa-lg"></i>
                    <input type="text" id="am_name" placeholder="您的个人姓名" />
                </div>
                <div class="donationZhifuInput">
                    <i class="fa fa-qq fa-lg"></i>
                    <input type="text" id="am_qq" placeholder="您的QQ号码" />
                </div>
                <div class="donationZhifuInput">
                    <i class="fa fa-wechat fa-lg"></i>
                    <input type="text" id="am_weixin" placeholder="您的微信号码" />
                </div>
                <div class="codeData" style="margin-top:20px;">
                    <input type="text" id="amCode" style="width:150px;height:57px;outline: none;float:left;margin-right:10px;padding-left:15px;padding-right:15px;border:none;border:1px solid #eee;"
                        name="code" placeholder="请输入验证码" /> <img id="codeImage" style="position:relative;top:0px;border:1px solid #eee;padding-bottom:5px;"
                        src="/common/createCode">
                </div>
                <div class="donationZhifuBtn">提交申请</div>
                <div style="font-size:12px;color:#999;margin-top:15px;">申请提交后，我们会联系你（不是妹子，放心吧，妹子都是老大的）</div>
            </div>
        </div>
    </div>

    <% include layout/footer.ejs %>
</body>
<script>

        $("#codeImage").click(function(){
            $(this).attr("src","/common/createCode?random=" + Math.random())
        });

    $(".donationZhifuBtn").click(function () {

        var amName = $("#am_name").val();
        var amQq = $("#am_qq").val();
        var amWeixin = $("#am_weixin").val();
        var amCode = $("#amCode").val();

        if (str_trim(amName).length <= 0) {
            POP.warning("验证提示", "姓名不能为空");
            return;
        }

        if (str_trim(amQq).length <= 0 && str_trim(amWeixin).length <= 0) {
            POP.warning("验证提示", "QQ号码和微信号码起码要填写一项");
            return;
        }

        var params = {
            am_name: amName,
            am_qq: amQq,
            am_weixin: amWeixin,
            code: amCode,
        }

        POP.startLoading();

        HTTP.post("/user/applyMaintainUser", params, (rs) => {

            POP.endLoading();
            POP.success("提示信息", "恭喜您，申请提交成功");

            setTimeout(() => {
                location.reload();
            }, 1500);

        })

    })



</script>

</html>